<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<style type="text/css">
			body{
				background: #00cdff;
			}
			#bd{
				width: 500px;
				height: 550px;
				background: #f9f9f9;
				border: 1px solid black;
				padding: 20px;
				margin: 50px auto;
			}
			h2{
				width: 460px;
				height: 40px;
				margin-top: 0px;
				margin-bottom: 25px;
				padding: 2px;
				border-bottom: 1px solid beige;
				color: #fc955d;
				text-indent: 20px;	
				}
			.login{
				width: 320px ;
				height: 39px;
				margin-bottom: 23px;
			}
			label{
				display: inline-block;
				width: 100px;				
				text-align: right;				
			}
			textarea{
				resize: none;
				width: 320px;
				height: 73px;				
				margin-bottom: 27px;
			}
			.xy{
				margin-left: 100px;
				margin-right: 15px;
			}			
			.zhuce{
				width: 320px;
				height: 35px;
				text-align: center;
				background: deepskyblue;
				margin-left: 100px;
				margin-top: 20px;
			}		
			.top{
				display: inline-block;
	    		position:relative;
	    		top:0px;
	    		left:0px;
	    		float: left;
    		}
		</style>
	</head>
	<body>
		<div id="bd">
			<h2>注册表单</h2>
			<form action="" method="post">
				<div>				
				<label>用户名：</label><input class="login" type="text" />
				</div>
				<div >
					<label>密码：</label><input type="password" class="login" />					
				</div>
				<div>
					<label>密码确认：</label><input type="password" class="login"/>
				</div>
				<div>
				    <label>邮箱：</label><input type="text" class="login" />
				</div>
				<p class="jian">
					<label class="top">个人简介：</label>
					<textarea></textarea>
				</p>
				<div>
					<input class="xy" type="checkbox"/>同意用户使用协议<br />
				</div>
				<input type="submit" value="注册" class="zhuce"/>
			</form>
		</div>
	</body>
</html>
